﻿@using DCH.Controllers;
@{
    ViewBag.Title = "Home Page";
}
<div class="clear"></div>
<!-- Breadcrumb SecTion -->
  
<div class="MainBanner" style="padding-top:0px;padding-bottom:30px;background: url(../images/home-features-Bg.jpg)  #dddddd;">
                        <div class="container">
                       
                        
                        <section class="slider">
        <div id="slider" class="flexslider">
          <ul class="slides list-unstyled">
            <li>
            <img src="@Url.Content("~/images/banner1.jpg")" />
         </li>
         <li>
            <img src="@Url.Content("~/images/banner2.jpg")" />
         </li>
         @*<li>
            <img src="@Url.Content("~/images/banner3.jpg")" />
         </li>*@
         
          </ul>
        </div>
        <div id="carousel" class="flexslider">
          <ul class="slides list-unstyled">
            <li>
            <img src="@Url.Content("~/images/banner1.jpg")" />
         </li>
         <li>
            <img src="@Url.Content("~/images/banner2.jpg")" />
         </li>
         @*<li>
            <img src="@Url.Content("~/images/banner3.jpg")" />
         </li>*@
         
          </ul>
        </div>
      </section></div></div>

<section class="page-section" style="background: ">
    <div class="announcement-ticker" style="background: ">
        <div class="container">
            <div class="row">
                <div class="section-fullwidth">
                    <div class="element-size-100">
                        <div class="col-md-12">
						
                            <div class="ticker-wrapp">
                                <h5><i class="fa fa-newspaper-o"></i>Latest News :</h5>
                              
                                    @Html.Raw(@Util.GetPageByName("latestnews"))


                               
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Breadcrumb SecTion -->
<!-- Main Content Section -->
<div id="main-content">
    <!-- Main Section Start -->
    <div class="main-section">
        <!-- Page Section -->
        <section class="page-section  "
            style="margin-top: -30px; padding-top: 30px; margin-bottom: 0px; border-top: 0px #e0e0e0 solid; border-bottom: 0px #f7f7f7 solid; background: url(@Url.Content("~/images/home-features-Bg.jpg"))  #dddddd;">
            <!-- Container Start here -->
            <div class="container">
                <!-- Row Start -->
                <div class="row">
                    <div class="section-fullwidth">
                        <div class="element-size-100">
                            <div class="col-md-4">
                                <article class="cs-blog blog-grid">
                                    <figure>
                                        <!-- Flex Slider -->
                                        <div id="flexslider8806627">
                                            <div class="flexslider" style="display: none;">
                                                <ul class="slides">
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img33.jpg")" alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img34.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img35.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img36.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img37.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img1.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img2.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img3.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img4.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img5.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img6.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img7.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img8.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img9.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img10.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img11.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img12.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img13.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img14.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img15.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img16.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                </ul>
                                                <span class='cs-flex-total-slides'></span>
                                            </div>
                                        </div>

                                        <!-- Slider height and width -->
                                        <!-- Flex Slider Javascript Files -->

                                        <script type="text/javascript">
                                            jQuery(window).load(function () {
                                                jQuery('#flexslider8806627 .flexslider .cs-flex-total-slides').html("3 - ");
                                                var speed = '6000';
                                                var slidespeed = '500';
                                                jQuery('#flexslider8806627 .flexslider').flexslider({
                                                    animation: "slide", // fade
                                                    slideshow: true,
                                                    slideshowSpeed: speed,
                                                    animationSpeed: slidespeed,
                                                    prevText: "<em class='fa fa-chevron-left'></em>",
                                                    nextText: "<em class='fa fa-chevron-right'></em>",
                                                    start: function (slider) {
                                                        jQuery('.flexslider').fadeIn();
                                                    }
                                                });
                                            });
                                        </script>
                                    </figure>
                                    <div class="text">
                                        <h4>Past Event Cricket League
                                        </h4>
                                    </div>
                                </article>
                            </div>

                            <div class="col-md-4">
                                <article class="cs-blog blog-grid">
                                    <figure>
                                        <!-- Flex Slider -->
                                        <div id="flexslider8806627">
                                            <div class="flexslider" style="display: none;">
                                                <ul class="slides">
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img17.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img18.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img19.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img20.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img21.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img22.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img23.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img24.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img25.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img26.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img27.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img28.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img29.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img30.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img31.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                    <li>
                                                        <figure>
                                                            <img src="@Url.Content("~/images/blogs-img32.jpg")"alt="">
                                                        </figure>
                                                    </li>
                                                </ul>
                                                <span class='cs-flex-total-slides'></span>
                                            </div>
                                        </div>

                                        <!-- Slider height and width -->
                                        <!-- Flex Slider Javascript Files -->

                                        <script type="text/javascript">
                                            jQuery(window).load(function () {
                                                jQuery('#flexslider8806627 .flexslider .cs-flex-total-slides').html("3 - ");
                                                var speed = '6000';
                                                var slidespeed = '500';
                                                jQuery('#flexslider8806627 .flexslider').flexslider({
                                                    animation: "slide", // fade
                                                    slideshow: true,
                                                    slideshowSpeed: speed,
                                                    animationSpeed: slidespeed,
                                                    prevText: "<em class='fa fa-chevron-left'></em>",
                                                    nextText: "<em class='fa fa-chevron-right'></em>",
                                                    start: function (slider) {
                                                        jQuery('.flexslider').fadeIn();
                                                    }
                                                });
                                            });
                                        </script>
                                    </figure>
                                    <div class="text">
                                        <h4>Past Event Cricket League
                                        </h4>
                                    </div>
                                </article>
                            </div>

                            <div class="col-md-4">
                                <article class="cs-blog blog-grid">
                                    <figure>
                                        <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" style="background-color:#ececec;" src="https://www.youtube.com/embed/OJOvM-ldmUM" frameborder="0" allowfullscreen"></iframe>
</div>
                                        

                                    </figure>
                                    <div class="text">
                                        <h4>&nbsp;
                                        </h4>
                                    </div>
                                </article>
                            </div>

                        </div>
                        <div style="text-align:center;">
                            <img src="@Url.Content("~/Images/PrizeImg.jpg")" alt="Prize Image" />
                            <br />
                            <br />
                        </div>
                      @*  <div class="element-size-67">
                            <div class="col-md-12 ">
                                <div class="cs-section-title">
                                    <h2>LATEST RESULT</h2>
                                </div>
                                <div class="post-675">
                                    <div class="featured-event" style="background: url(@Url.Content("~/images/homelightslider1-Bg.jpg")) no-repeat; background-size: cover;">
                                        <style>
                                            .post-675 span.win:before
                                            {
                                                background: none repeat scroll 0 0 #579f4b !important;
                                            }
                                        </style>


                                        @Html.Raw(@Util.GetPageByName("latestresult"))
                                    </div>
                                </div>


                            </div>
                        </div>
                        <div class="element-size-33">
                            <div class="  col-md-12">
                                <div class="cs-section-title">
                                    <h2>ADVERTISEMENT</h2>
                                </div>
                                <div class="advVideo">
                                    <video width="100%" controls>
                                        <source src="@Url.Content("~/images/10335304_362829880559915_1870700400_n.mp4")" type="video/mp4">
                                        <source src="@Url.Content("~/images/10335304_362829880559915_1870700400_n.ogg")" type="video/ogg">
                                    </video>
                                </div>
                            </div>
                        </div>
                        <div class="element-size-33">
                            <div class="col-md-12 ">
                                <div class="cs-section-title">
                                    <h2>NEXT MATCH</h2>
                                </div>
                                <div class="featured-event small-featured">
                                    @Html.Raw(@Util.GetPageByName("nextmatch"))
                                </div>



                            </div>
                        </div>
                        <div class="element-size-33">
                            <div class="col-md-12 ">
                                <div class="cs-section-title">
                                    <h2>UPCOMING FIXTURE</h2>
                                </div>
                                <div class="event event-listing event-samll">
                                    @Html.Raw(@Util.GetPageByName("upcomingfixture"))
                                    <div class="bottom-event-panel">
                                        <a href="@Url.Action("Fixture", "Home", new { area = "" })"><i class="fa fa-calendar"></i>View All Fixtures</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="element-size-33">
                            <div class="col-md-12 ">
                                <div class="cs-section-title">
                                    <h2>Top Team</h2>
                                </div>

                                @Html.Raw(@Util.GetPageByName("topteam"))

                            </div>
                        </div>*@
                    </div>
                </div>
            </div>
        </section>
        <!-- Page Section -->
        <section class="page-section  Facilities-section">
            <!-- Container Start here -->
            <div class="container">
                <!-- Row Start -->
                <div class="">
                    <div class="section-fullwidth">
                      <div class="element-size-100">
                               <div class="cons-icon-area">
                            <div class="cons-text-wrapp">
                               
                                <h1 style="letter-spacing: 0px;">Facilities</h1>
                                <br>
                            </div>
                        </div>
                               </div>
                         <div class="row">
                       @Html.Raw(@Util.GetPageByName("facilityHome"))
                             </div>
                      
                    </div>
                </div>
            </div>
            <!-- Modal Player Safety -->
<div class="modal fade" id="PlayerSafety" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 style="color:#fff !important;" class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
        <p id="pFacility"></p>
      </div>
      
    </div>
  </div>
</div>
        </section>

        <!-- Page Section -->
        <section class="page-section  " style="margin-top: 0px; padding-top: 40px; margin-bottom: 0px; border-top: 0px #e0e0e0 solid; border-bottom: 0px #e0e0e0 solid;">
            <!-- Container Start here -->
            <div class="container">
                <!-- Row Start -->
                <div class="row">
                    <div class="section-fullwidth">
                        <div class="element-size-67">
                            <div class="main-title">
                                <div class="cs-section-title">
                                    <h2>FEATURED NEWS</h2>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <!-- Blog Lrg Start -->
                                <div class="cs-blog blog-medium ">

                                    <div class="cs-media">
                                        <figure>
                                            <a href="#">
                                                <img alt="blog-grid" src="@Url.Content("~/images/player/" + ViewBag.featuredNewsImage)"></a>
                                        </figure>
                                    </div>
                                    <section>
                                        <div class="title">
                                            <ul class="post-option">
                                                <li><time datetime="2014-04-25">@ViewBag.featuredNewsDate</time></li>
                                            </ul>
                                            <h2><a href="#">@ViewBag.featuredNewsTitle</a></h2>
                                        </div>
                                        <div class="blog-text">
                                            @Html.Raw(ViewBag.featuredNewsDesc)
                                            <div class="cs-seprator">
                                                <div class="devider1"></div>
                                            </div>
                                            <ul class="post-option">
                                                <li><a href="#">Club News</a></li>
                                            </ul>
                                            <a class="btnshare addthis_button_compact" href="#"><i class="fa fa-expand"></i></a>
                                        </div>
                                    </section>
                                </div>
                                <!-- Blog Lrg End -->
                            </div>
                        </div>
                        <div class="element-size-33">
                            <div class="main-title">
                                <div class="cs-section-title">
                                    <h2>MEDIA WATCH</h2>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="widget widget_blog">
                                    <ul>
                                        @foreach (DCH.Areas.Admin.Models.News nw in ViewBag.News)
                                        { 
                                            <li>
                                                <i class="fa fa-align-left"></i> 
                                                
                                                @Html.ActionLink(nw.Title, "Details", "Event", new { nw.ID }, null)
                                                  
                                                <div class="time">
                                                    @nw.Date.Day
                                                    <br>
                                                    <span>@nw.Date.ToString("MMM")</span>
                                                </div>
                                            </li>
                                        }

                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Page Section -->
        <!-- Page Section -->
      
        <!-- Main Section End -->
    </div>
</div>
<!-- Main Content Section -->
